﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MasterCard.aspx.cs" Inherits="MasterCard" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style9
        {
            width: 19px;
        }
        .style13
        {
            width: 137px;
        }
        .style15
        {
            width: 123px;
        }
        .style16
        {
            width: 401px;
        }
        .style17
        {
            width: 119px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table class="style1">
        <tr>
            <td class="style13">
                <asp:Image ID="Image1" runat="server" 
                    ImageUrl="~/image/mastercard.jpg" 
                    Width="176px" />
            </td>
            <td class="style9">
                <asp:Image ID="Image2" runat="server" 
                    ImageUrl="~/image/master1.jpg" 
                    Width="176px" />
            </td>
            <td class="style17">
                <asp:Image ID="Image3" runat="server" 
                    ImageUrl="~/image/matercard2.jpg" 
                    Width="176px" />
            </td>
            <td class="style15">
                <asp:Image ID="Image4" runat="server" 
                    ImageUrl="~/image/matercard3.jpg" 
                    Width="176px" Height="114px" />
            </td>
            <td class="style16" rowspan="6">
                <asp:Image ID="Image5" runat="server" 
                    ImageUrl="~/image/mastercard.jpg" 
                    Width="445px" />
            </td>
        </tr>
        <tr>
            <td class="style13">
                &nbsp;</td>
            <td class="style9">
                &nbsp;</td>
            <td class="style17">
                &nbsp;</td>
            <td class="style15">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style13">
                <asp:Label ID="Label1" runat="server" Text="Username"></asp:Label>
            </td>
            <td class="style9">
                <asp:Label ID="Label2" runat="server" Text="ExpiryDate"></asp:Label>
            </td>
            <td class="style17">
                <asp:Label ID="Label3" runat="server" Text="AccountNumber"></asp:Label>
                </td>
            <td class="style15">
                <asp:Label ID="Label5" runat="server" Text="CvcCode"></asp:Label>
            </td>
        </tr>
        <tr>
            <td class="style13">
                <asp:TextBox ID="TextUserName" runat="server"></asp:TextBox>
            </td>
            <td class="style9">
                <asp:TextBox ID="TextExpiryDate" runat="server"></asp:TextBox>
            </td>
            <td class="style17">
                <asp:TextBox ID="TextAccountNumber" runat="server" MaxLength="16"></asp:TextBox>
            </td>
            <td class="style15">
                <asp:TextBox ID="TextCvcCode" runat="server" MaxLength="4"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style13">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                    ControlToValidate="TextUserName" ErrorMessage="please enter you name" 
                    ForeColor="#FF3300"></asp:RequiredFieldValidator>
            </td>
            <td class="style9">
                mm/yyyy<br />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                    ControlToValidate="TextExpiryDate" ErrorMessage="please enter your ExpiryDate" 
                    ForeColor="Red"></asp:RequiredFieldValidator>
            </td>
            <td class="style17">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                    ControlToValidate="TextAccountNumber" 
                    ErrorMessage="please enter your account number" ForeColor="#FF3300"></asp:RequiredFieldValidator>
            </td>
            <td class="style15">
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                    ControlToValidate="TextCvcCode" ErrorMessage="please enter your code" 
                    ForeColor="#FF3300"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style13">
                <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Back" 
                    Width="78px" />
            </td>
            <td class="style9">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </td>
            <td class="style17">
                Total Amount
                $:<asp:Label ID="Label4" runat="server"></asp:Label>
            </td>
            <td class="style15">
                <asp:Button ID="Button2" runat="server" Text="Submit" Width="78px" 
                    onclick="Button2_Click" />
            </td>
        </tr>
    </table>
    <div>
    
    </div>
    <p>
        &nbsp;</p>
    </form>
</body>
</html>
